{template common/header}
<div class="container user-login cls">
	<h2 class="span6 text_c clearfix mb20">{lang welcome_to_pintuxiu}</h2>
	<div class="span6 login-form">
		 <form id="register_form" action="{url user/register}" method="post" class="form-horizontal">
		    	<fieldset>
					<div class="control-group">
			            <label class="control-label" for="email">{lang user_email}</label>
			            <div class="controls">
			                <input class="span3" id="email" type="text" name="email" placeholder="example@example.com" remote="{url user/emailcheck}" not-valid="{lang 500_email_not_valid:tip}" remote-error="{lang 500_email_existed:tip}">
			                <p class="help-block">eg: example@example.com。</p>
			            </div> 
			        </div>
					<div class="control-group">
			            <label class="control-label" for="nickname">{lang user_nickname}</label>
			            <div class="controls">
			                <input class="span3" id="nickname" type="text" name="nickname" not-valid="{lang 500_nick_not_valid:tip}" remote="{url user/nicknamecheck}" remote-error="{lang 500_nickname_existed:tip}">
			                <p class="help-block">{lang 500_nick_not_valid:tip}</p>
			            </div>
			        </div>
					<div class="control-group">
			            <label class="control-label" for="password">{lang user_password}</label>
			            <div class="controls">
			               	<input class="span3" id="password" type="password" name="password" not-valid="{lang 500_password_not_valid:tip}">
			            </div>
			        </div>
					<div class="control-group">
			            <label class="control-label" for="passconf">{lang re_user_password}</label>
			            <div class="controls">
			               	<input class="span3" id="passconf" type="password" name="passconf" not-match="{lang 500_password_not_match:tip}">
		              		<p class="help-block">{lang re_user_password}</p>
			            </div>
			        </div>
			        {if $vcodesetting['register']}
					<div class="control-group">
			            <label class="control-label" for="verifycode">{lang verifycode}</label>
			            <div class="controls">
						    <input class="span1" id="verifycode" type="text" name="verifycode" remote="{url misc/vcheck}" remote-error="{lang 500_vcode:tip}">
						    <img alt="verifycode" src="{url misc/vcode}" height="40"/>
					        <a href="javascript:void(0);" data-action="vcodeRefresh">{lang verifycode_refresh}</a>
			            </div>
			        </div>
			        {/if}
					<div class="control-group">
			            <label class="control-label" for="terms"></label>
			            <div class="controls">
			               	<label class="checkbox">
				                <input id="terms" name="terms" type="checkbox" value="1" checked="checked">
				                 {lang i_agree} <a href="{url faq/agreement}" target="_blank">{lang user_treatment} </a>
				            </label>
			            </div>
			        </div>
			        <div class="control-group">
			        	<label class="control-label"></label>
			            <div class="controls">
			            <button type="submit" class="btn btn-success submit-btn" data-loading-text="{lang tip_process_register}">{lang register}</button>
			            </div>
			        </div>
			    </fieldset>
		    </form>
	</div>
	<div class="span4 login-others">
		<ul class="unstyled">
				<li><strong>{lang already_register} ? <a href="{url user/login}">{lang direct_login}</a></strong></li>
				{loop $socialapis $key $vendor}
				{if $vendor['open']}
				<li><a href="{url social/go?vendor=$key}"><i class="loginico-$key"></i></a></li>
				{/if}
				{/loop}
		</ul>
	</div>
</div>
<<script type="text/javascript">
<!--
$(document).ready(function($) {
$.oValidate('register_form');
});
//-->
</script>
{template common/footer}
